<template>
	<view>
		<view class="my-top cent">
			<view class="ava">
				<open-data type="userAvatarUrl" class=""></open-data>
			</view>
			
			<view class="">
				李小龙律师
			</view>
		</view>
		<view class="list">
			<uni-list>
			    <uni-list-item @click="jump(1)" title="优惠券" :show-badge="true" badge-text="共有0张" thumb="../../static/image/person/优惠券.png"></uni-list-item>
			    <uni-list-item @click="jump(2)" title=" " thumb="../../static/image/person/在线客服.png">
					<button type="primary" open-type="contact" class="btn">在线客服</button>
				</uni-list-item>
			    <uni-list-item @click="jump(3)" title="推荐" thumb="../../static/image/person/推荐.png"></uni-list-item>
			    <uni-list-item @click="jump(4)" title="关于我们" thumb="../../static/image/person/关于我们.png"></uni-list-item>
			    <uni-list-item @click="jump(5)" title="律师入驻" thumb="../../static/image/person/关于我们.png"></uni-list-item>
			</uni-list>
		</view>
	</view>
</template>

<script>
import uniList from "@/components/uni-list/uni-list.vue"
import uniListItem from "@/components/uni-list-item/uni-list-item.vue"
export default {
	data() {
		return {
			
		}
	},
	methods: {
		jump(type){
			switch(type){
				case 1:
					uni.navigateTo({
						url:"/pages/my/discounts"
					})
					break;
				case 2:
					
					
					break;
				case 3:
					uni.navigateTo({
						url:"/pages/my/sendFirend"
					})
					break;
				case 4:
					uni.navigateTo({
						url:"/pages/my/about"
					})
					break;
				case 5:
					uni.navigateTo({
						url:"/pages/L_index/L_index"
					})
					break;
			}
		}
	},
	components:{
		uniList,
		uniListItem
	}
}
</script>

<style lang="scss" scoped>
	
.my-top{
	text-align: center;
	flex-direction: column;
	padding: 60rpx 0 90rpx;
	.ava{
		display: block;  
		 width: 120rpx;  
		 height: 120rpx; 
		 text-align: center;
		 overflow: hidden;
		 margin-top: 50rpx;  
		 border-radius: 50%;  
		 border: 2px solid #fff;  
		 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);  
	}
	view{
		font-size: 28rpx;
		margin: 10rpx 0 0 0;
		color: #666;
	}
}
.list{
	margin:20rpx 0 0 0;
}
.btn{
	background-color: transparent;
	border: 0;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 25rpx;
	text-align: left;
}
button::after{
	border: 0;
}
</style>
